<template>
    <div v-if="isShow">
        <slot></slot>
        <f7-block v-if="message">
            <f7-row>
                <f7-col class="text-align-center">{{message}}</f7-col>
            </f7-row>
        </f7-block>
    </div>
</template>
<script>
export default {
  props: {
    parent: {
      type: Object,
      required: true
    },
    message: {
      type: String,
      default: undefined
    },
    type: {
      type: String,
      default: "list"
    }
  },
  computed: {
    isShow() {
      return !this.parent.isListEmpty(this.type);
    }
  }
};
</script>

